﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="../Styles/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../Styles/admin-all.css" />
    <script type="text/javascript" src="../Scripts/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="../Scripts/jquery-ui-1.8.22.custom.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../Styles/ui-lightness/jquery-ui-1.8.22.custom.css" />
    <script type="text/javascript">
        $(function () {
            $("#tabs").tabs();
            $('.alert-danger').find('b').click(function () {
                $('.task').toggle();
            })
        })
    </script>
</head>
<body>
    <div class="alert alert-info">当前位置<b class="tip"></b>表单风格<b class="tip"></b>标签页+列表</div>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">关于艺谷</a></li>
            <li><a href="#tabs-2">艺谷愿景</a></li>
            <li><a href="#tabs-3">艺谷团队</a></li>
        </ul>
        <div id="tabs-1">
            <p>深圳艺谷成立于自选礼品方案服务业蓬勃发展的时期，由一群年轻的成员组成。这是一个各方势力云集，意欲在礼品方案市场中竞争角力、一争高下的时代。深圳艺谷的年轻团队，在艺谷集团众多艺术家设计师的教导与影响下，既保持了传统文化与学术的元素特征，也代表了新时期文化势力的热情。其作品沉稳大气，传统国学元素与现代文艺设计交相辉映，在为用户提供贴心定制服务的同时，更在鱼龙混杂的礼品册市场中，散发出特有的艺术芬芳，占据了领军之位，成为各大企事业单位提升企业文化内涵，塑造品牌形象的专属代言。</p>
        </div>
        <div id="tabs-2">
            <p>施者之福胜于受者。馈赠之道不仅仅是一种人与人的交往方式，更是情感交流与反馈的渠道。艺谷礼品册并非普通的商品，更包含了寄情于礼的情感升华。为此，深圳艺谷将致力于保持中国最具文化力量的创意礼品方案服务商定位，在喧嚣的社会洪流中，为您的客户关系维护、亲友情谊传递，以及员工团队慰问，提供一条清幽的捷径。</p>
        </div>
        <div id="tabs-3">
            <p>深圳艺谷是一群有理想的年轻人的乐土，天马行空的创意策划是我们的特长,贴心的服务理念,是我们最强大的武器。</p>
            <p>我们会面红耳赤地讨论，只为向您提供最棒的作品；我们有时也会犯错，但绝不会再犯同样的错。我们倾听您的每一条建议，优化每一个细节，只希望服务更体贴，最大程度给您带来便捷。年轻的头脑催生了无数光怪陆离但又令人惊羡的idea；文艺的熏陶造就了一丝与年龄不甚相符的沉稳气质，处处透着文艺范儿；对已有服务的不断优化与反思，更是我们责任心的体现。</p>
        </div>
    </div>
    <br />
    <table class="table table-striped table-bordered table-condensed" id="top">
        <thead>
            <tr class="tr_detail">
                <td class="auto-style1">单据号 </td>
                <td class="auto-style1">报销人部门</td>
                <td class="auto-style1">报销人</td>
                <td class="auto-style1">申请金额</td>
                <td class="auto-style1">审核金额 </td>
                <td class="auto-style1">所属项目 </td>
                <td class="auto-style1">申请人 </td>
                <td class="auto-style1">提交日期 </td>
                <td class="auto-style1">单据类型 </td>
                <td class="auto-style1">审批状态 </td>
                <td class="auto-style1">摘要 </td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><a>HS301-2005000020 </a></td>
                <td>现金</td>
                <td>票据 </td>
                <td>负责人 </td>
                <td>3009.40</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>产品国内差旅费单据 </td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr class="even">
                <td><a>HS301-2005000020 </a></td>
                <td>现金</td>
                <td>票据 </td>
                <td>负责人 </td>
                <td>0.00</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>产品国内差旅费单据 </td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td><a>HS301-2005000020 </a></td>
                <td>CDMA-国内市场部 </td>
                <td>现金 </td>
                <td>负责人 </td>
                <td>0.00</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr class="even">
                <td><a>HS301-2005000020 </a></td>
                <td>银行承兑汇票</td>
                <td>谭晓松 </td>
                <td>负责人 </td>
                <td>0.00</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td><a>HS301-2005000020 </a></td>
                <td>银行存款</td>
                <td>谭晓松 </td>
                <td>任务成员 </td>
                <td>0.00</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>

            <tr class="tr_pagenumber">
                <td colspan="100">当前第5页/共55页&nbsp;&nbsp;共650条记录&nbsp;&nbsp;<a class="badge badge-inverse">首页</a>&nbsp;<a class="badge badge-inverse">下一页</a>&nbsp;
                    <a class="badge badge-inverse">1</a>&nbsp;<a class="badge badge-inverse">2</a>&nbsp;<a class="badge badge-inverse">3</a>&nbsp;<a class="badge badge-inverse">4</a>&nbsp;
                    <a class="badge badge-warning">5</a>&nbsp;<a class="badge badge-inverse">...</a>&nbsp;<a class="badge badge-inverse">55</a>&nbsp;<a class="badge badge-inverse">上一页</a>&nbsp;<a class="badge badge-inverse">尾页</a></td>
            </tr>
        </tbody>
    </table>
    <div class="alert alert-danger">
        <b><a href="javascript:void(0)">我的OA管理<i class="tip-up-red"></i></a></b>
        <div class="task">
            <p></p>
            <p><i class="tip-left"></i>我的工作：</p>
            <p>实现我的任务、我的邮件、我的短信。</p>
            <p><i class="tip-left"></i>公文管理： </p>
            <p>实现收文、发文、流程、档案、借阅等管理的功能。</p>
            <p><i class="tip-left"></i>计划&任务： </p>
            <p>包括:计划汇报、任务考核两部分功能。 </p>
            <p><i class="tip-left"></i>公告&新闻：</p>
            <p>我的信息、分类信息、信息维护。</p>
            <p><i class="tip-left"></i>综合管理：</p>
            <p>实现会议、 办公、设备、用章、用车的管理。</p>
            <p><i class="tip-left"></i>协调管理：</p>
            <p>实现团队、问题协调。 </p>
        </div>
    </div>
    <table class="table table-striped table-bordered table-condensed">
        <tr>
            <td>标题：</td>
            <td>
                <input type="text" />(限50字)</td>
        </tr>
        <tr>
            <td>内容：</td>
            <td>
                <textarea rows="3" cols="12" name="S1"></textarea>(限15000字)</td>
        </tr>
        <tr>
            <td>附件: </td>
            <td>
                <input type="file" /></td>
        </tr>
        <tr>
            <td>邮件通知: </td>
            <td>
                <label>
                    <input type="checkbox" checked="checked" />如有回复,请邮件通知</label>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input class="btn btn-inverse" id="find" type="button" value="提交" />&nbsp;
                <input class="btn btn-inverse" type="button" value="清空" /></td>

        </tr>
    </table>

</body>
</html>
